<template>
	<view class="mb_33">
		<view class="">
			<view class="manage_header mt_4">
				<view class="fz_16 fc_333 fb">
					导购员数据概况
				</view>
				<view class="all_box fz_12 fc_999">
					查看全部
					<u-icon name="arrow-right" color="#999999"></u-icon>
				</view>
			</view>
			<view class="manage_content bc_fff">
				<view class="single_content w100 height_41 br_4 fz_11 fc_333">
					<view class="pl_12 single_left box width_60 ">
						导购员
					</view>
					<view class="single">
						分享
					</view>
					<view class="single">
						收藏
					</view>
					<view class="single">
						购买
					</view>
					<view class="single">
						加购
					</view>
					<view class="single">
						浏览
					</view>
					<view class="single">
						邀请注册
					</view>
				</view>
				<view class="list single_content w100 height_41 br_4 fz_11 fc_333">
					<view class="pl_12 single_left box  width_60">
						杨导购
					</view>
					<view class="single">
						10次
					</view>
					<view class="single">
						10次
					</view>
					<view class="single">
						10次
					</view>
					<view class="single">
						10次
					</view>
					<view class="single">
						10次
					</view>
					<view class="single">
						10次
					</view>
				</view>
			</view>
		</view>
		<view class="">
			<view class="manage_header mt_4">
				<view class="fz_16 fc_333 fb">
					商品数据概况
				</view>
				<view class="all_box fz_12 fc_999">
					查看全部
					<u-icon name="arrow-right" color="#999999"></u-icon>
				</view>
			</view>
			<view class="manage_content bc_fff">
				<view class="single_content w100 height_41 br_4 fz_11 fc_333">
					<view class="pl_12 single_left box width_75 ">
						商品名称
					</view>
					<view class="single">
						分享
					</view>
					<view class="single">
						收藏
					</view>
					<view class="single">
						购买
					</view>
					<view class="single">
						加购
					</view>
					<view class="single">
						浏览
					</view>
					
				</view>
				<view class="list single_content w100 height_41 br_4 fz_11 fc_333">
					<view class="pl_12 single_left box  width_75">
						芝华士电动按芝华士电动按
					</view>
					<view class="single">
						10次
					</view>
					<view class="single">
						10次
					</view>
					<view class="single">
						10次
					</view>
					<view class="single">
						10次
					</view>
					<view class="single">
						10次
					</view>
					
				</view>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	.manage_header {
		@include set_padding(12rpx, 0rpx);
		@include flex_box(row, nowrap, space-between, center);

		.all_box {
			@include flex_box(row, nowrap, flex-end, center);
		}
	}

	.manage_content {

		.single_content {
			@include flex_box(row, nowrap, space-between, center);
			border-bottom: 1rpx solid rgba(0, 0, 0, 0.1);

			.single_left {
				white-space: nowrap;
				text-overflow: ellipsis;
				overflow: hidden;
			}

			.single {
				white-space: nowrap;
				@include set_padding(0rpx, 12rpx);
			}
		}

		.list {
			color: #86909C;
		}
	}
</style>